.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
  width: 100%;
  min-height: 200px;
  clear: both;
}
@media all and (min-width: 650px) {
  .content-secondary {
    text-align: left;
    float: left;
    width: 45%;
    background: none;
    padding: 1.5em 6% 3em 0;
    margin: 0;
  }
  .content-secondary {
    background: none;
    border-top: none;
  }
  .content-primary {
    width: 45%;
    float: right;
    margin-right: 1%;
    padding-right: 1%;
  }
  .content-primary ul:first-child {
    margin-top: 0;
  }
  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
    margin: 0;
  }
  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
    border-radius: 0px;
  }
  .content-secondary ul.ui-listview .ui-li {
    border-left: 0;
    border-right: 0;
  }
  .content-secondary h2 {
    position: absolute;
    left: -9999px;
  }
  .content-secondary .ui-li-divider {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  
}
@media all and (min-width: 750px){
  .content-secondary {
    width: 34%;
  }
  .content-primary {
    width: 60%;
    padding-right: 1%;
  }	
}

@media all and (min-width: 1200px){
  .content-secondary {
    width: 30%;
    padding-right:6%;
    margin: 0px 0 20px 5%;
  }
  .content-secondary ul {
    margin: 0;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  .content-primary {
    width: 50%;
    margin-right: 5%;
    padding-right: 3%;
  }
  .content-primary {
    width: 60%;
  }
}


/*1123 added */

.my-page-bg-color{
  background: #A8FFF9;
  background-color: #A8FFF9;
  background-image: -webkit-gradient(radial, left center, 0, center center, 487, color-stop(0, #A8FFF9), color-stop(1, #FFFFFF));/* Saf4+, Chrome */
  background-image: -webkit-radial-gradient(5% 5%, ellipse farthest-side, #FFFFFF 0%, #A8FFF9 75%, #FFFFFF 110%); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-radial-gradient(5% 5%, ellipse farthest-side, #FFFFFF 0%, #A8FFF9 75%, #FFFFFF 110%);/* Mozilla Firefox */ 
  background-image:     -ms-radial-gradient(5% 5%, ellipse farthest-side, #FFFFFF 0%, #A8FFF9 75%, #FFFFFF 110%);/* IE10 Consumer Preview */
  background-image:      -o-radial-gradient(5% 5%, ellipse farthest-side, #FFFFFF 0%, #A8FFF9 75%, #FFFFFF 110%);/* Opera */
  background-image:         radial-gradient(5% 5%, ellipse farthest-side, #FFFFFF 0%, #A8FFF9 75%, #FFFFFF 110%);/* W3C Markup, IE10 Release Preview */ 
  
}


.my-bar-color-1{
	background: 			#111 /*{a-bar-background-color}*/;
	background-image: -webkit-gradient(linear, left top, right bottom, from( #000044 /*{a-bar-background-start}*/), to( #2222ff /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	/*background-image: -webkit-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/);
	
}

.my-bar-color-2{
	background: 			#111 /*{a-bar-background-color}*/;
	background-image: -webkit-gradient(linear, left top, right bottom, from( #2222ff /*{a-bar-background-start}*/), to( #000044 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	/*background-image: -webkit-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #000044 /*{a-bar-background-start}*/, #2222ff /*{a-bar-background-end}*/);

	
}

.my-bar-color-2 a.my-link-left {
	color: #ffffff;/*{a-bar-link-color}  1123 7cc4e7=>ffffff*/
	font-weight: bold;
	/*padding-left: 10%;*/
	width: 19%;
  position: relative;
	font-size: 18px;
	display: inline-block;
	text-align:center; 
	text-decoration: none;
}
.my-bar-color-2 a.my-link-left:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.my-bar-color-2 a.my-link-left:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.my-bar-color-2 a.my-link-left:active {
	color: #2489ce /*{a-bar-link-active}*/;
}


.my-bar-color-2 a.my-link-middle {
	color: #ffffff;/*{a-bar-link-color}  1123 7cc4e7=>ffffff*/
	font-weight: bold;
	/*padding-left: 40%;*/
	width: 56%;
	text-align:center; 
	position: relative:
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
}
.my-bar-color-2 a.my-link-middle:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.my-bar-color-2 a.my-link-middle:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.my-bar-color-2 a.my-link-middle:active {
	color: #2489ce /*{a-bar-link-active}*/;
}

.my-bar-color-2 a.my-link-right {
	color: #ffffff;/*{a-bar-link-color}  1123 7cc4e7=>ffffff*/
	font-weight: bold;
	width: 19%;
	position: relative;
	font-size: 18px;
	display: inline-block;
	text-align:center; 
	text-decoration: none;
}
.my-bar-color-2 a.my-link-right:visited {
  color: #2489ce /*{a-bar-link-visited}*/;
}
.my-bar-color-2 a.my-link-right:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.my-bar-color-2 a.my-link-right:active {
	color: #2489ce /*{a-bar-link-active}*/;

.my-bar-color-2 h4.my-footer-text {
  display: inline-block;
  position: relative;
  float: right;
  width: 50%;
  	
}


}
.my-char-color-w1 {
  background: #ff5500;
  color: #ffffff;
  height: 25px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.my-char-color-w2 {
  background: #669990;
  color: #ffffff;
  height: 25px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

.my-icon-color-o {
  width: 18px;
  height: 18px;
  background-color: #ff5500;
  display: inline-block;
  position: relative;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

.my-icon-color-b {
  width: 18px;
  height: 18px;
  background-color: #669999;
  display: inline-block;
  position: relative;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;

}

.my-icon-color-y {
  width: 18px;
  height: 18px;
  background-color: #FFFF33;
  display: inline-block;
  position: relative;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;

}

.my-icon-color-r {
  width: 18px;
  height: 18px;
  background-color: #FF0000;
  display: inline-block;
  position: relative;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;

}

.my-icon-pos-a {
	/* for icons on top-left */
	float: left;
	margin: .9em 0% .6em 7%
}

.my-dtitle-pos-a {
  /* for dialog title */
  display: inline-block;
  margin: .5em 7% .6em 0% !important; 
  font-size:18px !important;

}

.my-btn-pos-l {
  display: inline-block;float:left;width:45%;
}

.my-btn-pos-r {
  display: inline-block;float:right;width:45%
}